<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    <!-- Page Author:時無ShiWu  -->
    <meta lang="zh-CN" charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dragalia2D | 再造世界、新生</title>
    <link rel="icon" type="image/ico" href="./main.ico">
    <link rel="stylesheet" href="./assets/parallax.css">
    <!-- <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> -->
    <script src="./assets/jquery.min.js"></script>
    <link rel="preconnect" href="https://fonts.loli.net" crossorigin>
    <link href="https://fonts.loli.net/css?family=Noto+Sans+SC">
</head>
<body>
    <script type="text/javascript">
        // Copy from CSDN/NpcCat
        // https://blog.csdn.net/NpcCat/article/details/109526355
        // $(function(){
        //     $(document).on('scroll',function(){
        //         let h=$(window).scrollTop();
        //         let maxh=$(document).height();
        //         let currh=$(window).height();
        //         let num=Math.ceil((h-100)/500);
        //         let str=".dld_"+num;
        //         console.log(h+' '+maxh+' '+currh+' '+num+' '+str)
        //         if(h>100 && h<(maxh-currh-1)){
        //             $(str).addClass('dldshow');
        //         }else if(h>=(maxh-currh-1)){
        //             $('.dld').addClass('dldshow');
        //         }else{
        //             $('.dld').removeClass('dldshow');
        //         }
        //     })
        // })
        $(window).on("load",function() {
            $(window).scroll(function() {
                var windowBottom = $(this).scrollTop() + $(this).innerHeight();
                $(".dldshow").each(function() {
                /* Check the location of each desired element */
                var objectBottom = $(this).offset().top - 50 + $(this).outerHeight();
                // var objectBottom = $(this).offset().top + $(this).outerHeight();
                
                /* If the element is completely within bounds of the window, fade it in */
                if (objectBottom < windowBottom) { //object comes into view (scrolling down)
                    if ($(this).css("opacity")==0) {$(this).fadeTo(1050,1);}
                    } else { //object goes out of view (scrolling up)
                        if ($(this).css("opacity")==1) {$(this).fadeTo(1050,0);}
                    }
                });
            }).scroll(); //invoke scroll-handler on page-load
        });
    </script>
    <div class="menu" style="color:white">
        <ul id="submenu">
            <span id="subvalue"><a href="https://space.bilibili.com/5955216" target="_blank">作者主页<p>Author</p></a></span>
            <span id="subvalue"><a href="https://github.com/boypjm998/Dragalia_Unity2D_Win" target="_blank">项目仓库<p>Repository</p></a></span>
            <span id="subvalue"><a href="">下载游戏<p>Download</p></a></span>
        </ul>
    </div>
    <div class="contents">
        <!-- title显示 -->
        <section class="home">
            <div class="homediv">
                <ul>
                    <img id="home_title" src="./logo.png">
                    <p id="home_sub">再造世界、新生</p>
                </ul>
                    
            </div>
        </section>
        <!-- 介绍1 -->
        <section class="intro dldshow">
            <div class="bg">
                <div class="text">
                    <ul>
                        <a id="ina">节奏紧凑的横板战斗！</a><br>
                        <img id="tpa" src="./assets/game_screenshot_2.png">
                        <p id="dev">*开发中画面</p>
                    </ul>
                    
                </div>
            </div>
        </section>
        <!-- 介绍2 -->
        <section class="intro dldshow">
            <div class="bg">
                <div class="text">
                    <ul>
                        <a id="inb">选择擅长的角色挑战关卡！</a><br>
                        <img id="tpb" src="./assets/game_screenshot_3.png">
                        <p id="dev">*开发中画面</p>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 介绍3 -->
        <section class="intro dldshow">
            <div class="bg">
                <div class="text">
                    <ul>
                        <a id="inc">挑战超高难度！</a><br>
                        <img id="tpc" src="./assets/game_screenshot_4.png">
                        <p id="dev">*开发中画面</p>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 底部footer -->
        <section class="footer dldshow">
            <div class="dldshow">
                <p id="name" style="margin-bottom: 30px;font-weight: bold;">关于作者</p>
                <span class="footer-ele">
                    <img id="avatar" src="./assets/author.png">
                    <p id="name">Boypjm998</p>
                </span>
            </div>

            <div class="fe2">
            <div class="footer-ele2">
                <a id="link" href="https://space.bilibili.com/5955216" target="_blank">
                    <svg id="bili" t="1686367760576" class="icon" viewBox="0 0 1129 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2393" width="200" height="200">
                        <path d="M234.909 9.656a80.468 80.468 0 0 1 68.398 0 167.374 167.374 0 0 1 41.843 30.578l160.937 140.82h115.07l160.936-140.82a168.983 168.983 0 0 1 41.843-30.578A80.468 80.468 0 0 1 930.96 76.445a80.468 80.468 0 0 1-17.703 53.914 449.818 449.818 0 0 1-35.406 32.187 232.553 232.553 0 0 1-22.531 18.508h100.585a170.593 170.593 0 0 1 118.289 53.109 171.397 171.397 0 0 1 53.914 118.288v462.693a325.897 325.897 0 0 1-4.024 70.007 178.64 178.64 0 0 1-80.468 112.656 173.007 173.007 0 0 1-92.539 25.75H212.377a341.186 341.186 0 0 1-72.421-4.024A177.835 177.835 0 0 1 28.91 939.065a172.202 172.202 0 0 1-27.36-92.539V388.662a360.498 360.498 0 0 1 0-66.789A177.03 177.03 0 0 1 162.487 178.64h105.414c-16.899-12.07-31.383-26.555-46.672-39.43a80.468 80.468 0 0 1-25.75-65.984 80.468 80.468 0 0 1 39.43-63.57M216.4 321.873a80.468 80.468 0 0 0-63.57 57.937 108.632 108.632 0 0 0 0 30.578v380.615a80.468 80.468 0 0 0 55.523 80.469 106.218 106.218 0 0 0 34.601 5.632h654.208a80.468 80.468 0 0 0 76.444-47.476 112.656 112.656 0 0 0 8.047-53.109v-354.06a135.187 135.187 0 0 0 0-38.625 80.468 80.468 0 0 0-52.304-54.719 129.554 129.554 0 0 0-49.89-7.242H254.22a268.764 268.764 0 0 0-37.82 0z m0 0" fill="#20B0E3" p-id="2394"></path><path d="M348.369 447.404a80.468 80.468 0 0 1 55.523 18.507 80.468 80.468 0 0 1 28.164 59.547v80.468a80.468 80.468 0 0 1-16.094 51.5 80.468 80.468 0 0 1-131.968-9.656 104.609 104.609 0 0 1-10.46-54.719v-80.468a80.468 80.468 0 0 1 70.007-67.593z m416.02 0a80.468 80.468 0 0 1 86.102 75.64v80.468a94.148 94.148 0 0 1-12.07 53.11 80.468 80.468 0 0 1-132.773 0 95.757 95.757 0 0 1-12.875-57.133V519.02a80.468 80.468 0 0 1 70.007-70.812z m0 0" fill="#20B0E3" p-id="2395"></path>
                    </svg>
                </a>
                <a id="link" href="https://github.com/boypjm998/Dragalia_Unity2D_Win" target="_blank">
                    <svg id="bili" t="1686369952489" class="icon" viewBox="0 0 1049 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3931" width="200" height="200">
                        <path d="M524.979332 0C234.676191 0 0 234.676191 0 524.979332c0 232.068678 150.366597 428.501342 358.967656 498.035028 26.075132 5.215026 35.636014-11.299224 35.636014-25.205961 0-12.168395-0.869171-53.888607-0.869171-97.347161-146.020741 31.290159-176.441729-62.580318-176.441729-62.580318-23.467619-60.841976-58.234462-76.487055-58.234463-76.487055-47.804409-32.15933 3.476684-32.15933 3.476685-32.15933 53.019436 3.476684 80.83291 53.888607 80.83291 53.888607 46.935238 79.963739 122.553122 57.365291 152.97411 43.458554 4.345855-33.897672 18.252593-57.365291 33.028501-70.402857-116.468925-12.168395-239.022047-57.365291-239.022047-259.012982 0-57.365291 20.860106-104.300529 53.888607-140.805715-5.215026-13.037566-23.467619-66.926173 5.215027-139.067372 0 0 44.327725-13.906737 144.282399 53.888607 41.720212-11.299224 86.917108-17.383422 131.244833-17.383422s89.524621 6.084198 131.244833 17.383422C756.178839 203.386032 800.506564 217.29277 800.506564 217.29277c28.682646 72.1412 10.430053 126.029806 5.215026 139.067372 33.897672 36.505185 53.888607 83.440424 53.888607 140.805715 0 201.64769-122.553122 245.975415-239.891218 259.012982 19.121764 16.514251 35.636014 47.804409 35.636015 97.347161 0 70.402857-0.869171 126.898978-0.869172 144.282399 0 13.906737 9.560882 30.420988 35.636015 25.205961 208.601059-69.533686 358.967656-265.96635 358.967655-498.035028C1049.958663 234.676191 814.413301 0 524.979332 0z" fill="#ffffff" p-id="3932"></path><path d="M199.040177 753.571326c-0.869171 2.607513-5.215026 3.476684-8.691711 1.738342s-6.084198-5.215026-4.345855-7.82254c0.869171-2.607513 5.215026-3.476684 8.691711-1.738342s5.215026 5.215026 4.345855 7.82254z m-6.953369-4.345856M219.900283 777.038945c-2.607513 2.607513-7.82254 0.869171-10.430053-2.607514-3.476684-3.476684-4.345855-8.691711-1.738342-11.299224 2.607513-2.607513 6.953369-0.869171 10.430053 2.607514 3.476684 4.345855 4.345855 9.560882 1.738342 11.299224z m-5.215026-5.215027M240.760389 807.459932c-3.476684 2.607513-8.691711 0-11.299224-4.345855-3.476684-4.345855-3.476684-10.430053 0-12.168395 3.476684-2.607513 8.691711 0 11.299224 4.345855 3.476684 4.345855 3.476684 9.560882 0 12.168395z m0 0M269.443034 837.011749c-2.607513 3.476684-8.691711 2.607513-13.906737-1.738342-4.345855-4.345855-6.084198-10.430053-2.607513-13.037566 2.607513-3.476684 8.691711-2.607513 13.906737 1.738342 4.345855 3.476684 5.215026 9.560882 2.607513 13.037566z m0 0M308.555733 853.526c-0.869171 4.345855-6.953369 6.084198-13.037566 4.345855-6.084198-1.738342-9.560882-6.953369-8.691711-10.430053 0.869171-4.345855 6.953369-6.084198 13.037566-4.345855 6.084198 1.738342 9.560882 6.084198 8.691711 10.430053z m0 0M351.145116 857.002684c0 4.345855-5.215026 7.82254-11.299224 7.82254-6.084198 0-11.299224-3.476684-11.299224-7.82254s5.215026-7.82254 11.299224-7.82254c6.084198 0 11.299224 3.476684 11.299224 7.82254z m0 0M391.126986 850.049315c0.869171 4.345855-3.476684 8.691711-9.560882 9.560882-6.084198 0.869171-11.299224-1.738342-12.168395-6.084197-0.869171-4.345855 3.476684-8.691711 9.560881-9.560882 6.084198-0.869171 11.299224 1.738342 12.168396 6.084197z m0 0" fill="#ffffff" p-id="3933"></path>
                    </svg>
                </a>
            </div>
            </div>
        </section>
    </div>
</body>
</html>